<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>03_新增列表标签</title>
</head>
<body>
<form action="#">
    <input type="text" list="mydata">
    <button>搜索</button>
</form>
<!--    用于input框中的关键字提示，用input标签的list属性与datalist的id属性配合使用-->
<datalist id="mydata">
    <!--        提示项-->
    <option value="周杰伦">周杰伦</option>
    <option value="周冬雨">周冬雨</option>
    <option value="马冬梅">马冬梅</option>
    <option value="温兆伦">温兆伦</option>
</datalist>
<hr>
<!--details用于展示问题和答案，或者对名词的解释等-->
<details>
    <!--    summary用于指定问题.写在details里面-->
    <summary>如何一夜暴富？</summary>
    <!--    问题的答案-->
    <p>来到尚硅谷学习前端</p>
</details>
</body>
</html>